<template>
    <div class="searchPage">
        <div class="searchBox">
            <search :modeControl="modeControl"/>
        </div>
        <div class="list">
            <!-- 推荐组件 -->
            <recommend v-if="modeControl"/>
            <!-- 讲返回的搜索数据进行传入，并按照格式展现出来 -->
            <resultList v-else/>
        </div>
    </div>
</template>

<style scoped>
.searchPage {
    position: relative;
}
.list {
    min-height: 600px;
}
</style>

<script>
import search from "@/components/yc/searchElement"
// 搜索列表
import resultList from "@/components/yc/resultsList"
// 搜索页推荐组件
import recommend from "@/components/yc/recommend"
// 发送请求地址
import lib from "@/api/index.js"

import eventBus from "@/utils/eventBus"
export default {
    data(){
        return {
            // true为首页模式 // 搜索模式控制
            modeControl:true
        }
    },
    components:{
        search,
        resultList,
        recommend
    },
    created(){
        // 发送ajax数据 进行数据请求
        // console.log(lib.axios)
        eventBus.$on('on-focus',(date)=>{
            this.modeControl=date;
        })
    }
}
</script>